<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('专家管理-当批次专家变动状态管理-历史专家变动查询')" />
</head>
<body class="gray-bg">
<div class="container-div">
    <div class="row" id="index">

        <!--登录信息-->
        <input name="userid" th:value="${session.userid}" type="hidden" id="userid">
        <input name="username" th:value="${session.username}" type="hidden" id="username">
        <input name="deptid" th:value="${session.deptid}" type="hidden" id="deptid">
        <input name="olddeptid" th:value="${session.olddeptid}" type="hidden" id="olddeptid">
        <input name="jigoujibie" th:value="${session.jigoujibie}" type="hidden" id="jigoujibie">

        <div class="col-sm-12 search-collapse">
            <form id="formId">
                <div class="select-list">
                    <ul>
                        <li>
                            <label>专家姓名：</label>
                            <input type="text" v-model="zhuanjiamingcheng"/>
                        </li>
                        <li>
                            <label>单位名称：</label>
                            <input type="text" v-model="danweimingcheng"/>
                        </li>
                        <li>
                            <label>单位层级：</label>
                            <select   v-model="cengji" class="form-control" type="text">
                                <option value="">请选择</option>
                                <option v-if="jigoujibie<=0" value="0">专家中心</option>
                                <option v-if="jigoujibie<=1" value="1">一级单位</option>
                                <option v-if="jigoujibie<=2" value="2">二级单位</option>
                                <option v-if="jigoujibie<=3" value="3">三级单位</option>
                            </select>
                        </li>
                        <li>
                            <label>变动状态：</label>
                            <select th:with="type=${@dict.getType('sys_zhuanjiazhuangtai')}" v-model="biandongleixing" class="form-control" type="text">
                                <option value="">请选择</option>
                                <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
                            </select>
                        </li>
                        <li>
                            <label style="width: 100px;">变动日期：</label>
                            <input name="biandongriqi" class="form-control" placeholder="变动时间" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" v-model="biandongriqi" id="biandongriqi" @blur="getDate">
                        </li>
                        <li>
                            <a class="btn btn-primary btn-rounded btn-sm" @click="bindZhuanjiaList"><i class="fa fa-search"></i>&nbsp;搜索</a>
                            <a class="btn btn-warning btn-rounded btn-sm" @click="reset"><i class="fa fa-refresh"></i>&nbsp;重置</a>
                        </li>
                    </ul>
                </div>
            </form>
        </div>



        <div class="col-sm-12 select-table table-striped">
            <table class="table table-hover table-primary table-striped">
                <thead>
                <tr>
                    <th style="text-align: center; vertical-align: middle;">序号</th>
                    <th style="text-align: center; vertical-align: middle;">专家姓名</th>
                    <th style="text-align: center; vertical-align: middle;">单位</th>
                    <th style="text-align: center; vertical-align: middle;">单位层级</th>
                    <th style="text-align: center; vertical-align: middle;">变动类型</th>
                    <th style="text-align: center; vertical-align: middle;">变动日期</th>
                    <th style="text-align: center; vertical-align: middle;">说明</th>
                    <th style="text-align: center; vertical-align: middle;">审核结果</th>
                </tr>
                </thead>
                <tbody>
                <tr v-for="(biandongitem,index) in biandonglist"  v-if="biandonglist.length > 0">
                    <td style="vertical-align: middle; text-align: center;" v-text="index+1"></td>
                    <td style="vertical-align: middle; text-align: center;"><a v-text="biandongitem.zhuanjiamingcheng" @click="toShowHistory(biandongitem.zhuanjiaid)"></a></td>
                    <td style="vertical-align: middle; text-align: center;" v-text="biandongitem.jigoumingcheng"></td>
                    <td style="vertical-align: middle; text-align: center;" v-text="biandongitem.jigoujibie_text"></td>
                    <td style="vertical-align: middle; text-align: center;" v-text="biandongitem.biandongleixing_text"></td>
                    <td style="vertical-align: middle; text-align: center;" v-text="biandongitem.biandongriqi"></td>
                    <td style="vertical-align: middle; text-align: center;" v-text="biandongitem.shuoming"></td>
                    <td style="vertical-align: middle; text-align: center;color:green;" v-if="biandongitem.beizhu1=='1'">通过</td>
                    <td style="vertical-align: middle; text-align: center;color:red;" v-else-if="biandongitem.beizhu1=='2'">不通过</td>
                </tr>
                <tr v-if="biandonglist.length == 0">
                    <td style="text-align: center; vertical-align: middle" colspan="8">查无数据</td>
                </tr>
                </tbody>
            </table>

            <div v-if="recordCount != '0'" class="my-page-navigation" style="text-align:center;">
                <button class="btn btn-default" @click="firstPage">首页</button>
                <button class="btn btn-default" @click="prePage">上一页</button>
                <select class="custom-select border-secondary" v-model="pagesize">
                    <option value="10">10 条/页</option>
                    <option value="20">20 条/页</option>
                    <option value="30">30 条/页</option>
                    <option value="50">50 条/页</option>
                </select>
                <span v-text="pageindex + '  /  ' + pageCount" style="border-color: #6c757d"></span>
                <span v-text="'共' + recordCount + '条'" style="border-color: #6c757d"></span>
                <button class="btn btn-default" @click="nextPage">下一页</button>
                <button class="btn btn-default" @click="lastPage">尾页</button>
                <span style="border-color: #6c757d">跳到第</span>
                <input type="text" class="form-control border-secondary" style="width:50px;display:inline;" v-model="targetpage" @keyup.enter="targetPage">
                <span style="border-color: #6c757d">页</span>
                <button class="btn btn-default" @click="targetPage">跳</button>
            </div>
        </div>
    </div>
</div>

<th:block th:include="include :: footer" />
<th:block th:include="include :: datetimepicker-js" />
<script th:src="@{/js/system/zhuanjiaguanli/lishizhuanjiabiandongchaxun/index.js?v=1.1}"></script>
<div th:replace="system/zhuanjiaguanli/lishizhuanjiabiandongchaxun/modal_history::history_list"></div>
</body>
</html>

